<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>纯净水世界管理后台</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href='/layui/css/layui.css'>
    <link rel="stylesheet" href='/stylesheets/management.css'>
</head>

<body>
    <div class="layui-layout layui-layout-admin">
        <div class="layui-header">
            <div class="layui-logo layui-hide-xs layui-bg-black">纯净水世界</div>
            <ul class="layui-nav layui-layout-right">
                <li class="layui-nav-item layui-hide layui-show-sm-inline-block">
                    <a href="javascript:;">
                        <img src="//unpkg.com/outeres@0.0.10/img/layui/icon-v2.png" class="layui-nav-img">
                        <% if (_adminname=='-null' ){ %>
                            登录
                            <% }else{ %>
                                <%=_adminname %>
                                    <% } %>
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="/management/myinfo">个人资料</a></dd>
                        <dd><a href="/management/loginOut">退出登录</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>
                    <a href="javascript:;">
                        <i class="layui-icon layui-icon-more-vertical"></i>
                    </a>
                </li>
            </ul>
        </div>
        <div class="layui-side layui-bg-black">
            <div class="layui-side-scroll">
                <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
                <ul class="layui-nav layui-nav-tree" lay-filter="test">
                    <li class="layui-nav-item layui-nav-itemed">
                        <a class="" href="javascript:;">信息管理模块</a>
                        <dl class="layui-nav-child">
                            <dd><a href="/management/school">高校信息管理</a></dd>
                            <dd><a href="/management/area">园区信息管理</a></dd>
                            <dd><a href="/management/build">楼栋信息管理</a></dd>
                            <dd><a href="/management/room">宿舍信息管理</a></dd>
                            <dd><a href="/management/student">学生信息管理</a></dd>
                            <dd><a href="/management/order">订单信息管理</a></dd>
                            <dd><a href="/management/commodity">商品信息管理</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;">个人中心</a>
                        <dl class="layui-nav-child">
                            <dd><a href="/management/myinfo" style="background-color: #16baaa; color: rgb(255, 255 ,255);">个人信息</a></dd>
                            <dd><a href="/management/changepwd">修改密码</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item"><a href="/management/loginOut">退出登录</a></li>
                </ul>
            </div>
        </div>
        <div class="layui-body">
            <!-- 内容主体区域 -->
            <div class="layui-card layui-panel">
                <div class="layui-card-header">
                </div>
                <div class="layui-body" runat="server">
                    <div class="layui-card">
                        <div class="layui-card-header">设置我的资料</div>
                        <div class="layui-card-body" pad15="">

                            <div class="layui-form" lay-filter="">
                                <div class="layui-form-item">
                                    <label class="layui-form-label">我的角色</label>
                                    <div class="layui-input-inline">
                                        <select name="role" lay-verify="">
                                            <option value="1" selected="">超级管理员</option>
                                            <option value="2" disabled="">普通管理员</option>
                                            <option value="3" disabled="">审核员</option>
                                            <option value="4" disabled="">编辑人员</option>
                                        </select>
                                        <div class="layui-unselect layui-form-select">
                                            <div class="layui-select-title">
                                                <input type="text" placeholder="请选择" value="超级管理员" readonly=""
                                                    class="layui-input layui-unselect"><i class="layui-edge"></i>
                                            </div>
                                            <dl class="layui-anim layui-anim-upbit">
                                                <dd lay-value="1" class="layui-this">超级管理员</dd>
                                                <dd lay-value="2" class=" layui-disabled">普通管理员</dd>
                                                <dd lay-value="3" class=" layui-disabled">审核员</dd>
                                                <dd lay-value="4" class=" layui-disabled">编辑人员</dd>
                                            </dl>
                                        </div>
                                    </div>
                                    <div class="layui-form-mid layui-word-aux">当前角色不可更改为其它角色</div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">管理员ID</label>
                                    <div class="layui-input-inline">
                                        <input type="text" id="AdmID" runat="server" name="AdmID" readonly=""
                                            class="layui-input" textmode="SingleLine">
                                    </div>
                                    <div class="layui-form-mid layui-word-aux">不可修改。自动生成</div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label">管理员名</label>
                                    <div class="layui-input-inline">
                                        <input type="text" id="AdmNamex" runat="server" name="AdmName" readonly=""
                                            lay-verify="nickname" autocomplete="off" placeholder="请输入用户"
                                            class="layui-input">
                                    </div>
                                    <div class="layui-form-mid layui-word-aux">不可修改。一般用于后台登入名</div>
                                </div>
                                <div class="layui-form-item">
                                    <div class="layui-form-item">
                                        <div class="layui-input-block">
                                            <button class="layui-btn" lay-submit="" lay-filter="setmyinfo"
                                                onserverclick="AdmRevise_ServerClick" runat="server">确认修改</button>
                                            <button type="reset" class="layui-btn layui-btn-primary">重新填写</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br><br>
        </div>
    </div>
    <div class="layui-footer">
        <!-- 底部固定区域 -->
        底部固定区域
    </div>
    </div>

    <script src="/layui/layui.js"></script>
    <script>
        //JS 
        layui.use(['element', 'layer', 'util'], function () {
            var element = layui.element;
            var layer = layui.layer;
            var util = layui.util;
            var $ = layui.$;

            //头部事件
            util.event('lay-header-event', {
                menuLeft: function (othis) { // 左侧菜单事件
                    layer.msg('展开左侧菜单的操作', {
                        icon: 0
                    });
                },
                menuRight: function () { // 右侧菜单事件
                    layer.open({
                        type: 1,
                        title: '更多',
                        content: '<div style="padding: 15px;">处理右侧面板的操作</div>',
                        area: ['260px', '100%'],
                        offset: 'rt', // 右上角
                        anim: 'slideLeft', // 从右侧抽屉滑出
                        shadeClose: true,
                        scrollbar: false
                    });
                }
            });
        });
    </script>
</body>